<template>
    <div>
        <button @click="fn">点击切换盒子隐藏</button><br>
        <div v-show="show" class="box">隐藏的盒子</div>
    </div>
</template>
<script>
export default{
    name:'text-five',
    data(){
        return{
            show:true
        }
    },
    methods:{
        fn(){
            this.show=!this.show
        }
    }
}
</script>
<style>
.box {
    width: 200px;
    height: 100px;
    border: solid 1px red;
}
</style>